@media (min-width: 1025px) {
    .dashboard-content-iphoneMain {
        display: none;
    }
    .main {
        display: flex;
        height: 100%;
        .dashboard-content-container {
            max-width: 69.25rem;
            flex: 1;
            padding: 32px 26px;
            border-radius: 28px 30px 0 0;
            background: rgba(242, 245, 249, 1);

            .person-part {
                padding: 36px 46px;
                border-radius: 24px;
                background: rgba(255, 255, 255, 1);
            }

            .charge-info {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }

            .charge-container {
                display: flex;
            }
        }
    }
}

@media (max-width: 1024px) {
    .dashboard-content-container {
        display: none !important;
    }
    .dashboard-content-right {
        display: none !important;
    }

    .dashboard-content-iphoneMain {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 39px 15px 100px;
        .iphoneMain_top {
            width: 100%;
            opacity: 1;
            border-radius: 20px;
            background: rgba(242, 245, 249, 1);
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 16px 11px 24px;
            
            .userInfo {
                width: 100%;
                height: 265px;
                opacity: 1;
                border-radius: 20px;
                background: rgba(255, 255, 255, 1);
                box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
                padding: 20px 22px;
                .info_left {
                    .info_left_top {
                        .leftName {
                            font-size: 18px;
                            font-weight: 500;
                            letter-spacing: 0px;
                            line-height: 24.7px;
                            color: rgba(51, 51, 51, 0.6);
                            text-align: left;
                            vertical-align: top;
                        }
                        .leftName_Img {
                            display: flex;
                            font-size: 18px;
                            font-weight: 500;
                            letter-spacing: 0px;
                            line-height: 24.7px;
                            color: rgba(0, 0, 0, 1);
                            text-align: center;
                            .vipIcon {
                                position: relative;
                                width: fit-content;
                                .vipIcon_baoshi {
                                    width: 19.01px;
                                    height: 15.98px;
                                    opacity: 1;
                                }
                                .vipIcon_jiantou {
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                    width: 11.33px;
                                    height: 7.33px;
                                    opacity: 1;
                                }
                            }
                        }
                    }
                }
                .info_right {
                    font-size: 18px;
                    font-weight: 500;
                    letter-spacing: 0px;
                    line-height: 24.7px;
                    color: rgba(51, 51, 51, 0.6);
                    text-align: center;
                    vertical-align: top;
                }
                .num {
                    margin: 10px 0 23px;
                    .userInfo_email {
                        font-size: 13px;
                        font-weight: 700;
                        letter-spacing: 0px;
                        line-height: 17.84px;
                        color: rgba(238, 117, 52, 1);
                        text-align: left;
                        vertical-align: top;
                    }
                    .userInfo_money {
                        font-size: 13px;
                        font-weight: 700;
                        letter-spacing: 0px;
                        line-height: 17.84px;
                        color: rgba(238, 117, 52, 1);
                        text-align: center;
                        vertical-align: top;
                    }
                }
                .userInfo_bottom {
                    .userInfo_title {
                        margin-bottom: 20px;
                        font-size: 18px;
                        font-weight: 700;
                        letter-spacing: 0px;
                        line-height: 24.7px;
                        color: rgba(51, 51, 51, 1);
                        text-align: left;
                        vertical-align: top;
                    }
                    .userInfo_bottom_data {
                        width: 100%;
                        .userInfo_bottom_item {
                            .bottom_item_img {
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                // .bottom_item_chargeIcon {
                                //     width: 33px;
                                //     height: 34.83px;
                                //     opacity: 1;
                                // }
                                .img-home {
                                    height: 40px !important;
                                    width: 44px !important;
                                    padding: 0 10px;
                                    margin-left: 11px;
                                    background: url('../../assets/new//jb.png') no-repeat center;
                                    border-radius: 8px;
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                    img {
                                        height: 20px !important;
                                        width: 20px !important;
                                    }
                                }
                            }

                            .bottom_item_money {
                                font-size: 15px;
                                font-weight: 700;
                                letter-spacing: 0px;
                                line-height: 20.58px;
                                color: rgba(255, 141, 26, 1);
                                text-align: left;
                                vertical-align: top;
                                margin-left: 13px;
                                // white-space: ;
                                white-space: nowrap;
                            }

                            .bottom_item_title {
                                font-size: 15px;
                                font-weight: 600;
                                letter-spacing: 0px;
                                line-height: 20.58px;
                                color: rgba(0, 0, 0, 1);
                                text-align: left;
                                vertical-align: top;
                                margin-left: 13px;
                            }
                        }
                    }
                }
            }

            .platformdata_title {
                width: 100%;
                margin: 24px 0;
                font-size: 20px;
                font-weight: bold;
                letter-spacing: 0px;
                line-height: 27.44px;
                color: rgba(51, 51, 51, 1);
                text-align: left;
                vertical-align: top;
            }

            .platformdata_data {
                width: 100%;
                height: 70px;
                display: flex;
                align-items: center;
                border-radius: 14px;
                background: rgba(255, 255, 255, 1);
                box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
                padding: 16.85px 0 18.32px 25.5px;
                .img-home {
                    height: 40px !important;
                    width: 40px !important;
                    // padding: 0 10px;
                    margin-left: 11px;
                    background: url('../../assets/new//jb.png') no-repeat center;
                    border-radius: 8px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    img {
                        height: 20px !important;
                        width: 20px !important;
                    }
                }
                .platformdata_data_img {
                    display: block;
                    width: 33px;
                    height: 34.83px;
                    opacity: 1;
                }
                .platformdata_data_right {
                    margin-left: 33.5px;
                    .platformdata_data_top {
                        font-size: 15px;
                        font-weight: 700;
                        letter-spacing: 0px;
                        line-height: 20.58px;
                        color: rgba(51, 51, 51, 1);
                        text-align: left;
                        vertical-align: top;
                    }
                    .platformdata_data_bottom {
                        font-size: 15px;
                        font-weight: 500;
                        letter-spacing: 0px;
                        line-height: 20.58px;
                        color: rgba(51, 51, 51, 0.5);
                        text-align: left;
                        vertical-align: top;
                    }
                }
            }

            .otherData {
                width: 100%;
                margin-top: 24px;
                .otherData_item {
                    width: 100%;
                    height: 70px;
                    opacity: 1;
                    border-radius: 14px;
                    background: rgba(255, 255, 255, 1);
                    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
                    padding: 17.04px 0 18.02px 16.39px;
                    display: flex;
                    align-items: center;
                    .otherData_item_img {
                        display: block;
                        width: 36.24px;
                        height: 34.94px;
                    }
                    .otherData_item_right {
                        margin-left: 13px;
                        .otherData_item_rgTop {
                            font-size: 15px;
                            font-weight: 500;
                            letter-spacing: 0px;
                            line-height: 20.58px;
                            color: rgba(51, 51, 51, 0.5);
                            text-align: left;
                            vertical-align: top;
                        }
                        .otherData_item_rgbom {
                            font-size: 15px;
                            font-weight: 700;
                            letter-spacing: 0px;
                            line-height: 20.58px;
                            color: rgba(51, 51, 51, 1);
                            text-align: left;
                            vertical-align: top;
                        }
                    }
                }
            }
        }

        .paymentTitle {
            width: 100%;
            font-size: 24px;
            font-weight: 700;
            letter-spacing: 0px;
            line-height: 32.93px;
            color: rgba(51, 51, 51, 1);
            text-align: left;
            vertical-align: top;
            margin: 40px 0 24px;
        }

        .paymentBox {
            width: 100%;
            .paymentItem {
                .item {
                    display: flex;
                    flex-direction: column;
                    align-items: center;

                    .item_img {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        width: 50px;
                        height: 50px;
                        border-radius: 16px;
                        background: rgba(242, 245, 249, 1);
                        img {
                            width: 33.53px;
                            height: 33.8px;
                            opacity: 1;
                        }
                    }
                    .item_text {
                        margin-top: 14px;
                        font-size: 18px;
                        font-weight: 500;
                        letter-spacing: 0px;
                        line-height: 24.7px;
                        color: rgba(51, 51, 51, 0.6);
                        text-align: center;
                        vertical-align: top;
                    }
                }
            }
        }

        .you_invite_link {
            width: 100%;
            font-size: 24px;
            font-weight: 700;
            letter-spacing: 0px;
            line-height: 32.93px;
            color: rgba(51, 51, 51, 1);
            text-align: left;
            vertical-align: top;
            margin: 40px 0 24px;
        }

        .showLink {
            display: flex;
            .link {
                width: 258px;
                height: 40px;
                opacity: 1;
                background: rgba(242, 245, 249, 1);
                border-radius: 10px 0 0 10px;

                font-size: 16px;
                font-weight: 500;
                letter-spacing: 0px;
                line-height: 40px;
                color: rgba(0, 0, 0, 1);
                text-align: center;
                vertical-align: top;
            }

            .copybtn {
                width: 88.95px;
                height: 40px;
                opacity: 1;
                background: rgba(238, 117, 52, 1);
                border-radius: 0px 10px 10px 0px;
                font-size: 14px;
                font-weight: 500;
                line-height: 40px;
                color: rgba(255, 255, 255, 1);
                text-align: center;
                vertical-align: top;
            }
        }

        .deal {
            display: flex;
            margin-top: 40px;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            .deal_left {
                font-size: 24px;
                font-weight: 700;
                letter-spacing: 0px;
                line-height: 32.93px;
                color: rgba(51, 51, 51, 1);
                text-align: left;
                vertical-align: top;
            }
            .deal_right {
                font-size: 18px;
                font-weight: 500;
                letter-spacing: 0px;
                line-height: 24.7px;
                color: rgba(238, 117, 52, 1);
                text-align: left;
                vertical-align: top;
            }
        }
    }
}

.pc {
    display: flex;
}
.phone {
    display:none;
}

@media (max-width: 1200px) {
    .pc {
        display: none;
    }
    .phone { 
        display: flex;
        flex-direction: column;
        >div {
            display: flex;
            justify-content:space-between;
            &:nth-child(2) {
                margin-top: 33px;
            }
        }
    }
    .dashboard-content-iphoneMain {
        padding: 52px 15px 100px;
        .otherData {
            margin-top: 18px;
        }
        .iphoneMain_top {
            .platformdata_title {
                font-weight: 500;
                margin: 29px 0 22px 0;
            }
            .platformdata_data {
                padding: 17px 26px 18px 15px !important; 
                .platformdata_data_right {
                    margin-left: 28px;
                }
            }
            .paymentTitle {
                margin: 22px 0 24px 0;
            }
        }
        .showLink {
            width: 100%;
            .link {
                flex: 1;
                padding: 0px 15px;
                text-align: left;
            }
        }
        .searchInput {
            width: 100%;
            margin: 28px 0;
            p {
                font-size: 16px;
                font-weight: 700;
            }
            .ant-input {
                height: 35px;
            }
        }
        .referral {
            width: 100%;
            display: flex;
            justify-content: space-between;
            p {
                font-size: 16px;
                font-weight: 700;
            }
            span {
                color: #FA6944;
                font-size: 16px;
                font-weight: 400;
                margin-right: 10px;
            }
        }
    }

    .paymentBox {
        padding-left: 40px;
        padding-right: 50px;
    }
}